`(function ($) {

$.Jcrop = function (obj, opt) {
var options = $.extend({}, $.Jcrop.defaults),
    docOffset,
    _ua = navigator.userAgent.toLowerCase(),
    is_msie = /msie/.test(_ua),
    ie6mode = /msie [1-6]\./.test(_ua);

// Internal Methods {{{
function px(n) {
return Math.round(n) + 'px';
}
function cssClass(cl) {
return options.baseClass + '-' + cl;
}
function supportsColorFade() {
return $.fx.step.hasOwnProperty('backgroundColor');
}
function getPos(obj) //{{{
        {
            var pos = $(obj).offset();
            return [pos.left, pos.top];
        }
        //}}}
        function mouseAbs(e) //{{{
        {
            return [(e.pageX - docOffset[0]), (e.pageY - docOffset[1])];
        }
        //}}}
        function setOptions(opt) //{{{
        {
            if (typeof(opt) !== 'object') opt = {};
            options = $.extend(options, opt);

            $.each(['onChange','onSelect','onRelease','onDblClick'],function(i,e) {
                if (typeof(options[e]) !== 'function') options[e] = function () {};
            });
        }
        //}}}
        function startDragMode(mode, pos, touch) //{{{
        {
            docOffset = getPos($img);
            Tracker.setCursor(mode === 'move' ? mode : mode + '-resize');

            if (mode === 'move') {
                return Tracker.activateHandlers(createMover(pos), doneSelect, touch);
            }

            var fc = Coords.getFixed();
            var opp = oppLockCorner(mode);
            var opc = Coords.getCorner(oppLockCorner(opp));

            Coords.setPressed(Coords.getCorner(opp));
            Coords.setCurrent(opc);

            Tracker.activateHandlers(dragmodeHandler(mode, fc), doneSelect, touch);
        }
        //}}}
        function dragmodeHandler(mode, f) //{{{
        {
            return function (pos) {
                if (!options.aspectRatio) {
                    switch (mode) {
                        case 'e':
                            pos[1] = f.y2;
                            break;
                        case 'w':
                            pos[1] = f.y2;
                            break;
                        case 'n':
                            pos[0] = f.x2;
                            break;
                        case 's':
                            pos[0] = f.x2;
                            break;
                    }
                } else {
                    switch (mode) {
                        case 'e':
                            pos[1] = f.y + 1;
                            break;
                        case 'w':
                            pos[1] = f.y + 1;
                            break;
                        case 'n':
                            pos[0] = f.x + 1;
                            break;
                        case 's':
                            pos[0] = f.x + 1;
                            break;
                    }
                }
                Coords.setCurrent(pos);
                Selection.update();
            };
        }
        //}}}
        function createMover(pos) //{{{
        {
            var lloc = pos;
            KeyManager.watchKeys();

            return function (pos) {
                Coords.moveOffset([pos[0] - lloc[0], pos[1] - lloc[1]]);
                lloc = pos;

                Selection.update();
            };
        }
        //}}}
        function oppLockCorner(ord) //{{{
        {
            switch (ord) {
                case 'n':
                    return 'sw';
                case 's':
                    return 'nw';
                case 'e':
                    return 'nw';
                case 'w':
                    return 'ne';
                case 'ne':
                    return 'sw';
                case 'nw':
                    return 'se';
                case 'se':
                    return 'nw';
                case 'sw':
                    return 'ne';
            }
        }
        //}}}
        function createDragger(ord) //{{{
        {
            return function (e) {
                if (options.disabled) {
                    return false;
                }
                if ((ord === 'move') && !options.allowMove) {
                    return false;
                }

                // Fix position of crop area when dragged the very first time.
// Necessary when crop image is in a hidden element when page is loaded.
docOffset = getPos($img);

btndown = true;
startDragMode(ord, mouseAbs(e));
e.stopPropagation();
e.preventDefault();
return false;
};
}
//}}}
        function presize($obj, w, h) //{{{
        {
            var nw = $obj.width(),
                nh = $obj.height();
            if ((nw > w) && w > 0) {
                nw = w;
                nh = (w / $obj.width()) * $obj.height();
}
if ((nh > h) && h > 0) {
nh = h;
    nw = (h / $obj.height()) * $obj.width();
}
xscale = $obj.width() / nw;
yscale = $obj.height() / nh;
$obj.width(nw).height(nh);
}
//}}}
        function unscale(c) //{{{
        {
            return {
                x: c.x * xscale,
                y: c.y * yscale,
                x2: c.x2 * xscale,
                y2: c.y2 * yscale,
                w: c.w * xscale,
                h: c.h * yscale
            };
        }
        //}}}
        function doneSelect(pos) //{{{
        {
            var c = Coords.getFixed();
            if ((c.w > options.minSelect[0]) && (c.h > options.minSelect[1])) {
                Selection.enableHandles();
                Selection.done();
            } else {
                Selection.release();
            }
            Tracker.setCursor(options.allowSelect ? 'crosshair' : 'default');
        }
        //}}}
        function newSelection(e) //{{{
        {
            if (options.disabled) {
                return false;
            }
            if (!options.allowSelect) {
                return false;
            }
            btndown = true;
            docOffset = getPos($img);
            Selection.disableHandles();
            Tracker.setCursor('crosshair');
            var pos = mouseAbs(e);
            Coords.setPressed(pos);
            Selection.update();
            Tracker.activateHandlers(selectDrag, doneSelect, e.type.substring(0,5)==='touch');
            KeyManager.watchKeys();

            e.stopPropagation();
            e.preventDefault();
            return false;
        }
        //}}}
        function selectDrag(pos) //{{{
        {
            Coords.setCurrent(pos);
            Selection.update();
        }
        //}}}
        function newTracker() //{{{
        {
            var trk = $('<div></div>').addClass(cssClass('tracker'));
if (is_msie) {
trk.css({
        opacity: 0,
        backgroundColor: 'white'
    });
}
return trk;
}
//}}}

        // }}}
// Initialization {{{
// Sanitize some options {{{
if (typeof(obj) !== 'object') {
obj = $(obj)[0];
}
if (typeof(opt) !== 'object') {
opt = {};
}
// }}}
setOptions(opt);
// Initialize some jQuery objects {{{
// The values are SET on the image(s) for the interface
// If the original image has any of these set, they will be reset
// However, if you destroy() the Jcrop instance the original image's
// character in the DOM will be as you left it.
var img_css = {
    border: 'none',
    visibility: 'visible',
    margin: 0,
    padding: 0,
    position: 'absolute',
    top: 0,
    left: 0
};

var $origimg = $(obj),
    img_mode = true;

if (obj.tagName === 'IMG') {
    // Fix size of crop image.
    // Necessary when crop image is within a hidden element when page is loaded.
    if ($origimg[0].width != 0 && $origimg[0].height != 0) {
        // Obtain dimensions from contained img element.
    $origimg.width($origimg[0].width);
        $origimg.height($origimg[0].height);
    } else {
    // Obtain dimensions from temporary image in case the original is not loaded yet (e.g. IE 7.0).
var tempImage = new Image();
    tempImage.src = $origimg[0].src;
    $origimg.width(tempImage.width);
    $origimg.height(tempImage.height);
    }

    var $img = $origimg.clone().removeAttr('id').css(img_css).show();

    $img.width($origimg.width());
    $img.height($origimg.height());
    $origimg.after($img).hide();

} else {
$img = $origimg.css(img_css).show();
img_mode = false;
if (options.shade === null) { options.shade = true; }
}

presize($img, options.boxWidth, options.boxHeight);

var boundx = $img.width(),
    boundy = $img.height(),


    $div = $('<div />').width(boundx).height(boundy).addClass(cssClass('holder')).css({
        position: 'relative',
        backgroundColor: options.bgColor
    }).insertAfter($origimg).append($img);

if (options.addClass) {
$div.addClass(options.addClass);
}

var $img2 = $('<div />'),

    $img_holder = $('<div />')
    .width('100%').height('100%').css({
            zIndex: 310,
            position: 'absolute',
            overflow: 'hidden'
        }),

    $hdl_holder = $('<div />')
    .width('100%').height('100%').css('zIndex', 320),

    $sel = $('<div />')
    .css({
                position: 'absolute',
                zIndex: 600
            }).dblclick(function(){
    var c = Coords.getFixed();
        options.onDblClick.call(api,c);
}).insertBefore($img).append($img_holder, $hdl_holder);

if (img_mode) {

$img2 = $('<img />')
.attr('src', $img.attr('src')).css(img_css).width(boundx).height(boundy),

    $img_holder.append($img2);

}

if (ie6mode) {
$sel.css({
        overflowY: 'hidden'
    });
}

var bound = options.boundary;
var $trk = newTracker().width(boundx + (bound * 2)).height(boundy + (bound * 2)).css({
    position: 'absolute',
    top: px(-bound),
    left: px(-bound),
    zIndex: 290
}).mousedown(newSelection);

/* }}} */
// Set more variables {{{
var bgcolor = options.bgColor,
    bgopacity = options.bgOpacity,
    xlimit, ylimit, xmin, ymin, xscale, yscale, enabled = true,
    btndown, animating, shift_down;

docOffset = getPos($img);
// }}}
// }}}
// Internal Modules {{{
// Touch Module {{{
var Touch = (function () {
// Touch support detection function adapted (under MIT License)
// from code by Jeffrey Sambells - http://github.com/iamamused/
function hasTouchSupport() {
var support = {}, events = ['touchstart', 'touchmove', 'touchend'],
    el = document.createElement('div'), i;

try {
for(i=0; i<events.length; i++) {
var eventName = events[i];
eventName = 'on' + eventName;
var isSupported = (eventName in el);
if (!isSupported) {
el.setAttribute(eventName, 'return;');
    isSupported = typeof el[eventName] == 'function';
}
support[events[i]] = isSupported;
}
return support.touchstart && support.touchend && support.touchmove;
}
catch(err) {
return false;
}
}

function detectSupport() {
    if ((options.touchSupport === true) || (options.touchSupport === false)) return options.touchSupport;
else return hasTouchSupport();
}
return {
createDragger: function (ord) {
return function (e) {
    if (options.disabled) {
        return false;
}
if ((ord === 'move') && !options.allowMove) {
    return false;
}
docOffset = getPos($img);
btndown = true;
startDragMode(ord, mouseAbs(Touch.cfilter(e)), true);
e.stopPropagation();
e.preventDefault();
return false;
};
},
newSelection: function (e) {
return newSelection(Touch.cfilter(e));
},
cfilter: function (e){
e.pageX = e.originalEvent.changedTouches[0].pageX;
e.pageY = e.originalEvent.changedTouches[0].pageY;
return e;
},
isSupported: hasTouchSupport,
support: detectSupport()
};
});
// }}}
// Coords Module {{{
var Coords = (function () {
var x1 = 0,
    y1 = 0,
    x2 = 0,
    y2 = 0,
    ox, oy;

    function setPressed(pos) //{{{
            {
                pos = rebound(pos);
                x2 = x1 = pos[0];
                y2 = y1 = pos[1];
            }
            //}}}
            function setCurrent(pos) //{{{
            {
                pos = rebound(pos);
                ox = pos[0] - x2;
                oy = pos[1] - y2;
                x2 = pos[0];
                y2 = pos[1];
            }
            //}}}
            function getOffset() //{{{
            {
                return [ox, oy];
            }
            //}}}
            function moveOffset(offset) //{{{
            {
                var ox = offset[0],
                    oy = offset[1];

                if (0 > x1 + ox) {
                    ox -= ox + x1;
                }
                if (0 > y1 + oy) {
                    oy -= oy + y1;
                }

                if (boundy < y2 + oy) {
                    oy += boundy - (y2 + oy);
                }
                if (boundx < x2 + ox) {
                    ox += boundx - (x2 + ox);
                }

                x1 += ox;
                x2 += ox;
                y1 += oy;
                y2 += oy;
            }
            //}}}
            function getCorner(ord) //{{{
            {
                var c = getFixed();
                switch (ord) {
                    case 'ne':
                        return [c.x2, c.y];
                    case 'nw':
                        return [c.x, c.y];
                    case 'se':
                        return [c.x2, c.y2];
                    case 'sw':
                        return [c.x, c.y2];
                }
            }
            //}}}
            function getFixed() //{{{
            {
                if (!options.aspectRatio) {
                    return getRect();
                }
                // This function could use some optimization I think...
    var aspect = options.aspectRatio,
        min_x = options.minSize[0] / xscale,


//min_y = options.minSize[1]/yscale,
    max_x = options.maxSize[0] / xscale,
    max_y = options.maxSize[1] / yscale,
    rw = x2 - x1,
    rh = y2 - y1,
    rwa = Math.abs(rw),
    rha = Math.abs(rh),
    real_ratio = rwa / rha,
    xx, yy, w, h;

if (max_x === 0) {
max_x = boundx * 10;
}
if (max_y === 0) {
max_y = boundy * 10;
}
if (real_ratio < aspect) {
yy = y2;
    w = rha * aspect;
    xx = rw < 0 ? x1 - w : w + x1;

    if (xx < 0) {
    xx = 0;
        h = Math.abs((xx - x1) / aspect);
        yy = rh < 0 ? y1 - h : h + y1;
    } else if (xx > boundx) {
    xx = boundx;
        h = Math.abs((xx - x1) / aspect);
        yy = rh < 0 ? y1 - h : h + y1;
    }
} else {
xx = x2;
h = rwa / aspect;
yy = rh < 0 ? y1 - h : y1 + h;
if (yy < 0) {
yy = 0;
    w = Math.abs((yy - y1) * aspect);
    xx = rw < 0 ? x1 - w : w + x1;
} else if (yy > boundy) {
yy = boundy;
    w = Math.abs(yy - y1) * aspect;
    xx = rw < 0 ? x1 - w : w + x1;
}
}

// Magic %-)
if (xx > x1) { // right side
    if (xx - x1 < min_x) {
    xx = x1 + min_x;
    } else if (xx - x1 > max_x) {
xx = x1 + max_x;
    }
    if (yy > y1) {
    yy = y1 + (xx - x1) / aspect;
    } else {
yy = y1 - (xx - x1) / aspect;
    }
} else if (xx < x1) { // left side
    if (x1 - xx < min_x) {
    xx = x1 - min_x;
    } else if (x1 - xx > max_x) {
xx = x1 - max_x;
    }
    if (yy > y1) {
    yy = y1 + (x1 - xx) / aspect;
    } else {
yy = y1 - (x1 - xx) / aspect;
    }
}

if (xx < 0) {
x1 -= xx;
    xx = 0;
} else if (xx > boundx) {
x1 -= xx - boundx;
    xx = boundx;
}

if (yy < 0) {
y1 -= yy;
    yy = 0;
} else if (yy > boundy) {
y1 -= yy - boundy;
    yy = boundy;
}

return makeObj(flipCoords(x1, y1, xx, yy));
}
//}}}
            function rebound(p) //{{{
            {
                if (p[0] < 0) p[0] = 0;
                if (p[1] < 0) p[1] = 0;

                if (p[0] > boundx) p[0] = boundx;
                if (p[1] > boundy) p[1] = boundy;

                return [Math.round(p[0]), Math.round(p[1])];
            }
            //}}}
            function flipCoords(x1, y1, x2, y2) //{{{
            {
                var xa = x1,
                    xb = x2,
                    ya = y1,
                    yb = y2;
                if (x2 < x1) {
                    xa = x2;
                    xb = x1;
                }
                if (y2 < y1) {
                    ya = y2;
                    yb = y1;
                }
                return [xa, ya, xb, yb];
            }
            //}}}
            function getRect() //{{{
            {
                var xsize = x2 - x1,
                    ysize = y2 - y1,
                    delta;

                if (xlimit && (Math.abs(xsize) > xlimit)) {
                    x2 = (xsize > 0) ? (x1 + xlimit) : (x1 - xlimit);
                }
                if (ylimit && (Math.abs(ysize) > ylimit)) {
                    y2 = (ysize > 0) ? (y1 + ylimit) : (y1 - ylimit);
                }

                if (ymin / yscale && (Math.abs(ysize) < ymin / yscale)) {
y2 = (ysize > 0) ? (y1 + ymin / yscale) : (y1 - ymin / yscale);
}
if (xmin / xscale && (Math.abs(xsize) < xmin / xscale)) {
x2 = (xsize > 0) ? (x1 + xmin / xscale) : (x1 - xmin / xscale);
}

if (x1 < 0) {
x2 -= x1;
    x1 -= x1;
}
if (y1 < 0) {
y2 -= y1;
    y1 -= y1;
}
if (x2 < 0) {
x1 -= x2;
    x2 -= x2;
}
if (y2 < 0) {
y1 -= y2;
    y2 -= y2;
}
if (x2 > boundx) {
delta = x2 - boundx;
    x1 -= delta;
    x2 -= delta;
}
if (y2 > boundy) {
delta = y2 - boundy;
    y1 -= delta;
    y2 -= delta;
}
if (x1 > boundx) {
delta = x1 - boundy;
    y2 -= delta;
    y1 -= delta;
}
if (y1 > boundy) {
delta = y1 - boundy;
    y2 -= delta;
    y1 -= delta;
}

return makeObj(flipCoords(x1, y1, x2, y2));
}
//}}}
            function makeObj(a) //{{{
            {
                return {
                    x: a[0],
                    y: a[1],
                    x2: a[2],
                    y2: a[3],
                    w: a[2] - a[0],
                    h: a[3] - a[1]
                };
            }
            //}}}

            return {
                flipCoords: flipCoords,
                setPressed: setPressed,
                setCurrent: setCurrent,
                getOffset: getOffset,
                moveOffset: moveOffset,
                getCorner: getCorner,
                getFixed: getFixed
            };
        }());

        //}}}
        // Shade Module {{{
var Shade = (function() {
var enabled = false,
    holder = $('<div />').css({
        position: 'absolute',
        zIndex: 240,
        opacity: 0
    }),
    shades = {
        top: createShade(),
        left: createShade().height(boundy),
        right: createShade().height(boundy),
        bottom: createShade()
    };

function resizeShades(w,h) {
shades.left.css({ height: px(h) });
shades.right.css({ height: px(h) });
}
function updateAuto()
{
return updateShade(Coords.getFixed());
}
function updateShade(c)
{
shades.top.css({
        left: px(c.x),
        width: px(c.w),
        height: px(c.y)
    });
shades.bottom.css({
    top: px(c.y2),
    left: px(c.x),
    width: px(c.w),
    height: px(boundy-c.y2)
});
shades.right.css({
    left: px(c.x2),
    width: px(boundx-c.x2)
});
shades.left.css({
    width: px(c.x)
});
}
function createShade() {
return $('<div />').css({
    position: 'absolute',
    backgroundColor: options.shadeColor||options.bgColor
}).appendTo(holder);
}
function enableShade() {
    if (!enabled) {
    enabled = true;
        holder.insertBefore($img);
        updateAuto();
        Selection.setBgOpacity(1,0,1);
        $img2.hide();

        setBgColor(options.shadeColor||options.bgColor,1);
        if (Selection.isAwake())
        {
        setOpacity(options.bgOpacity,1);
        }
        else setOpacity(1,1);
}
}
function setBgColor(color,now) {
colorChangeMacro(getShades(),color,now);
}
function disableShade() {
    if (enabled) {
    holder.remove();
        $img2.show();
        enabled = false;
        if (Selection.isAwake()) {
        Selection.setBgOpacity(options.bgOpacity,1,1);
        } else {
        Selection.setBgOpacity(1,1,1);
        Selection.disableHandles();
        }
        colorChangeMacro($div,0,1);
}
}
function setOpacity(opacity,now) {
    if (enabled) {
        if (options.bgFade && !now) {
        holder.animate({
                opacity: 1-opacity
            },{
                queue: false,
                duration: options.fadeTime
            });
        }
        else holder.css({opacity:1-opacity});
}
}
function refreshAll() {
options.shade ? enableShade() : disableShade();
if (Selection.isAwake()) setOpacity(options.bgOpacity);
}
function getShades() {
return holder.children();
}

return {
update: updateAuto,
updateRaw: updateShade,
getShades: getShades,
setBgColor: setBgColor,
enable: enableShade,
disable: disableShade,
resize: resizeShades,
refresh: refreshAll,
opacity: setOpacity
};
}());
// }}}
// Selection Module {{{
var Selection = (function () {
var awake,
hdep = 370,
    borders = {},
    handle = {},
    dragbar = {},
    seehandles = false;

// Private Methods
function insertBorder(type) //{{{
            {
                var jq = $('<div />').css({
                    position: 'absolute',
opacity: options.borderOpacity
}).addClass(cssClass(type));
$img_holder.append(jq);
return jq;
}
//}}}
            function dragDiv(ord, zi) //{{{
            {
                var jq = $('<div />').mousedown(createDragger(ord)).css({
                    cursor: ord + '-resize',
position: 'absolute',
zIndex: zi
}).addClass('ord-'+ord);

if (Touch.support) {
jq.bind('touchstart.jcrop', Touch.createDragger(ord));
}

$hdl_holder.append(jq);
return jq;
}
//}}}
            function insertHandle(ord) //{{{
            {
                var hs = options.handleSize,

                    div = dragDiv(ord, hdep++).css({
                        opacity: options.handleOpacity
                    }).addClass(cssClass('handle'));

                if (hs) { div.width(hs).height(hs); }

                return div;
            }
            //}}}
            function insertDragbar(ord) //{{{
            {
                return dragDiv(ord, hdep++).addClass('jcrop-dragbar');
            }
            //}}}
            function createDragbars(li) //{{{
            {
                var i;
                for (i = 0; i < li.length; i++) {
                    dragbar[li[i]] = insertDragbar(li[i]);
                }
            }
            //}}}
            function createBorders(li) //{{{
            {
                var cl,i;
                for (i = 0; i < li.length; i++) {
                    switch(li[i]){
                        case'n': cl='hline'; break;
                        case's': cl='hline bottom'; break;
                        case'e': cl='vline right'; break;
                        case'w': cl='vline'; break;
                    }
                    borders[li[i]] = insertBorder(cl);
                }
            }
            //}}}
            function createHandles(li) //{{{
            {
                var i;
                for (i = 0; i < li.length; i++) {
                    handle[li[i]] = insertHandle(li[i]);
                }
            }
            //}}}
            function moveto(x, y) //{{{
            {
                if (!options.shade) {
                    $img2.css({
                        top: px(-y),
                        left: px(-x)
                    });
                }
                $sel.css({
                    top: px(y),
                    left: px(x)
                });
            }
            //}}}
            function resize(w, h) //{{{
            {
                $sel.width(Math.round(w)).height(Math.round(h));
            }
            //}}}
            function refresh() //{{{
            {
                var c = Coords.getFixed();

                Coords.setPressed([c.x, c.y]);
                Coords.setCurrent([c.x2, c.y2]);

                updateVisible();
            }
            //}}}

            // Internal Methods
function updateVisible(select) //{{{
            {
                if (awake) {
                    return update(select);
                }
            }
            //}}}
            function update(select) //{{{
            {
                var c = Coords.getFixed();

                resize(c.w, c.h);
                moveto(c.x, c.y);
                if (options.shade) Shade.updateRaw(c);

                awake || show();

                if (select) {
                    options.onSelect.call(api, unscale(c));
                } else {
                    options.onChange.call(api, unscale(c));
                }
            }
            //}}}
            function setBgOpacity(opacity,force,now) //{{{
            {
                if (!awake && !force) return;
                if (options.bgFade && !now) {
                    $img.animate({
                        opacity: opacity
                    },{
                        queue: false,
                        duration: options.fadeTime
                    });
                } else {
                    $img.css('opacity', opacity);
                }
            }
            //}}}
            function show() //{{{
            {
                $sel.show();

                if (options.shade) Shade.opacity(bgopacity);
                else setBgOpacity(bgopacity,true);

                awake = true;
            }
            //}}}
            function release() //{{{
            {
                disableHandles();
                $sel.hide();

                if (options.shade) Shade.opacity(1);
                else setBgOpacity(1);

                awake = false;
                options.onRelease.call(api);
            }
            //}}}
            function showHandles() //{{{
            {
                if (seehandles) {
                    $hdl_holder.show();
                }
            }
            //}}}
            function enableHandles() //{{{
            {
                seehandles = true;
                if (options.allowResize) {
                    $hdl_holder.show();
                    return true;
                }
            }
            //}}}
            function disableHandles() //{{{
            {
                seehandles = false;
                $hdl_holder.hide();
            }
            //}}}
            function animMode(v) //{{{
            {
                if (v) {
                    animating = true;
                    disableHandles();
                } else {
                    animating = false;
                    enableHandles();
                }
            }
            //}}}
            function done() //{{{
            {
                animMode(false);
                refresh();
            }
            //}}}
            // Insert draggable elements {{{
// Insert border divs for outline

if (options.dragEdges && $.isArray(options.createDragbars))
    createDragbars(options.createDragbars);

if ($.isArray(options.createHandles))
    createHandles(options.createHandles);

if (options.drawBorders && $.isArray(options.createBorders))
    createBorders(options.createBorders);

//}}}

            // This is a hack for iOS5 to support drag/move touch functionality
$(document).bind('touchstart.jcrop-ios',function(e) {
    if ($(e.currentTarget).hasClass('jcrop-tracker')) e.stopPropagation();
});

var $track = newTracker().mousedown(createDragger('move')).css({
    cursor: 'move',
    position: 'absolute',
    zIndex: 360
});

if (Touch.support) {
$track.bind('touchstart.jcrop', Touch.createDragger('move'));
}

$img_holder.append($track);
disableHandles();

return {
updateVisible: updateVisible,
update: update,
release: release,
refresh: refresh,
isAwake: function () {
return awake;
},
setCursor: function (cursor) {
$track.css('cursor', cursor);
},
enableHandles: enableHandles,
enableOnly: function () {
seehandles = true;
},
showHandles: showHandles,
disableHandles: disableHandles,
animMode: animMode,
setBgOpacity: setBgOpacity,
done: done
};
}());

//}}}
        // Tracker Module {{{
var Tracker = (function () {
var onMove = function () {},
    onDone = function () {},
        trackDoc = options.trackDocument;

    function toFront(touch) //{{{
            {
                $trk.css({
                    zIndex: 450
                });

                if (touch)
                    $(document)
                        .bind('touchmove.jcrop', trackTouchMove)
                        .bind('touchend.jcrop', trackTouchEnd);

                else if (trackDoc)
                    $(document)
                        .bind('mousemove.jcrop',trackMove)
                        .bind('mouseup.jcrop',trackUp);
            }
            //}}}
            function toBack() //{{{
            {
                $trk.css({
                    zIndex: 290
                });
                $(document).unbind('.jcrop');
            }
            //}}}
            function trackMove(e) //{{{
            {
                onMove(mouseAbs(e));
                return false;
            }
            //}}}
            function trackUp(e) //{{{
            {
                e.preventDefault();
                e.stopPropagation();

                if (btndown) {
                    btndown = false;

                    onDone(mouseAbs(e));

                    if (Selection.isAwake()) {
                        options.onSelect.call(api, unscale(Coords.getFixed()));
                    }

                    toBack();
                    onMove = function () {};
                    onDone = function () {};
                }

                return false;
            }
            //}}}
            function activateHandlers(move, done, touch) //{{{
            {
                btndown = true;
                onMove = move;
                onDone = done;
                toFront(touch);
                return false;
            }
            //}}}
            function trackTouchMove(e) //{{{
            {
                onMove(mouseAbs(Touch.cfilter(e)));
                return false;
            }
            //}}}
            function trackTouchEnd(e) //{{{
            {
                return trackUp(Touch.cfilter(e));
            }
            //}}}
            function setCursor(t) //{{{
            {
                $trk.css('cursor', t);
            }
            //}}}

            if (!trackDoc) {
                $trk.mousemove(trackMove).mouseup(trackUp).mouseout(trackUp);
            }

            $img.before($trk);
            return {
                activateHandlers: activateHandlers,
                setCursor: setCursor
            };
        }());
        //}}}
        // KeyManager Module {{{
    var KeyManager = (function () {
    var $keymgr = $('<input type="radio" style="display: none" />').css({
        position: 'fixed',
        left: '-120px',
        width: '12px'
    }).addClass('jcrop-keymgr'),

        $keywrap = $('<div />').css({
            position: 'absolute',
            overflow: 'hidden'
        }).append($keymgr);

    function watchKeys() //{{{
            {
                if (options.keySupport) {
                    $keymgr.show();
                    $keymgr.focus();
                }
            }
            //}}}
            function onBlur(e) //{{{
            {
                $keymgr.hide();
            }
            //}}}
            function doNudge(e, x, y) //{{{
            {
                if (options.allowMove) {
                    Coords.moveOffset([x, y]);
                    Selection.updateVisible(true);
                }
                e.preventDefault();
                e.stopPropagation();
            }
            //}}}
            function parseKey(e) //{{{
            {
                if (e.ctrlKey || e.metaKey) {
                    return true;
                }
                shift_down = e.shiftKey ? true : false;
                var nudge = shift_down ? 10 : 1;

                switch (e.keyCode) {
                    case 37:
                        doNudge(e, -nudge, 0);
                        break;
                    case 39:
                        doNudge(e, nudge, 0);
                        break;
                    case 38:
                        doNudge(e, 0, -nudge);
                        break;
                    case 40:
                        doNudge(e, 0, nudge);
                        break;
                    case 27:
                        if (options.allowSelect) Selection.release();
                        break;
                    case 9:
                        return true;
                }

                return false;
            }
            //}}}

            if (options.keySupport) {
                $keymgr.keydown(parseKey).blur(onBlur);
                if (ie6mode || !options.fixedSupport) {
                    $keymgr.css({
                        position: 'absolute',
                        left: '-20px'
                    });
                    $keywrap.append($keymgr).insertBefore($img);
                } else {
                    $keymgr.insertBefore($img);
                }
            }


            return {
                watchKeys: watchKeys
            };
        }());
        //}}}
        // }}}
// API methods {{{
function setClass(cname) //{{{
        {
            $div.removeClass().addClass(cssClass('holder')).addClass(cname);
        }
        //}}}
        function animateTo(a, callback) //{{{
        {
            var x1 = a[0] / xscale,
    y1 = a[1] / yscale,
    x2 = a[2] / xscale,
    y2 = a[3] / yscale;

if (animating) {
    return;
}

var animto = Coords.flipCoords(x1, y1, x2, y2),
    c = Coords.getFixed(),
    initcr = [c.x, c.y, c.x2, c.y2],
    animat = initcr,
    interv = options.animationDelay,
    ix1 = animto[0] - initcr[0],
    iy1 = animto[1] - initcr[1],
    ix2 = animto[2] - initcr[2],
    iy2 = animto[3] - initcr[3],
    pcent = 0,
    velocity = options.swingSpeed;

x1 = animat[0];
y1 = animat[1];
x2 = animat[2];
y2 = animat[3];

Selection.animMode(true);
var anim_timer;

function queueAnimator() {
window.setTimeout(animator, interv);
}
var animator = (function () {
return function () {
pcent += (100 - pcent) / velocity;

animat[0] = Math.round(x1 + ((pcent / 100) * ix1));
animat[1] = Math.round(y1 + ((pcent / 100) * iy1));
animat[2] = Math.round(x2 + ((pcent / 100) * ix2));
animat[3] = Math.round(y2 + ((pcent / 100) * iy2));

if (pcent >= 99.8) {
pcent = 100;
}
if (pcent < 100) {
setSelectRaw(animat);
    queueAnimator();
} else {
Selection.done();
Selection.animMode(false);
if (typeof(callback) === 'function') {
callback.call(api);
}
}
};
}());
queueAnimator();
}
//}}}
        function setSelect(rect) //{{{
        {
            setSelectRaw([rect[0] / xscale, rect[1] / yscale, rect[2] / xscale, rect[3] / yscale]);
options.onSelect.call(api, unscale(Coords.getFixed()));
Selection.enableHandles();
}
//}}}
        function setSelectRaw(l) //{{{
        {
            Coords.setPressed([l[0], l[1]]);
            Coords.setCurrent([l[2], l[3]]);
            Selection.update();
        }
        //}}}
        function tellSelect() //{{{
        {
            return unscale(Coords.getFixed());
        }
        //}}}
        function tellScaled() //{{{
        {
            return Coords.getFixed();
        }
        //}}}
        function setOptionsNew(opt) //{{{
        {
            setOptions(opt);
            interfaceUpdate();
        }
        //}}}
        function disableCrop() //{{{
        {
            options.disabled = true;
            Selection.disableHandles();
            Selection.setCursor('default');
            Tracker.setCursor('default');
        }
        //}}}
        function enableCrop() //{{{
        {
            options.disabled = false;
            interfaceUpdate();
        }
        //}}}
        function cancelCrop() //{{{
        {
            Selection.done();
            Tracker.activateHandlers(null, null);
        }
        //}}}
        function destroy() //{{{
        {
            $div.remove();
            $origimg.show();
            $origimg.css('visibility','visible');
            $(obj).removeData('Jcrop');
        }
        //}}}
        function setImage(src, callback) //{{{
        {
            Selection.release();
            disableCrop();
            var img = new Image();
            img.onload = function () {
                var iw = img.width;
                var ih = img.height;
                var bw = options.boxWidth;
                var bh = options.boxHeight;
                $img.width(iw).height(ih);
                $img.attr('src', src);
                $img2.attr('src', src);
                presize($img, bw, bh);
                boundx = $img.width();
                boundy = $img.height();
                $img2.width(boundx).height(boundy);
                $trk.width(boundx + (bound * 2)).height(boundy + (bound * 2));
                $div.width(boundx).height(boundy);
                Shade.resize(boundx,boundy);
                enableCrop();

                if (typeof(callback) === 'function') {
                    callback.call(api);
                }
            };
            img.src = src;
        }
        //}}}
        function colorChangeMacro($obj,color,now) {
            var mycolor = color || options.bgColor;
            if (options.bgFade && supportsColorFade() && options.fadeTime && !now) {
                $obj.animate({
                    backgroundColor: mycolor
                }, {
                    queue: false,
                    duration: options.fadeTime
                });
            } else {
                $obj.css('backgroundColor', mycolor);
            }
        }
        function interfaceUpdate(alt) //{{{
            // This method tweaks the interface based on options object.
// Called when options are changed and at end of initialization.
{
if (options.allowResize) {
    if (alt) {
    Selection.enableOnly();
    } else {
Selection.enableHandles();
    }
} else {
Selection.disableHandles();
}

Tracker.setCursor(options.allowSelect ? 'crosshair' : 'default');
Selection.setCursor(options.allowMove ? 'move' : 'default');

if (options.hasOwnProperty('trueSize')) {
xscale = options.trueSize[0] / boundx;
    yscale = options.trueSize[1] / boundy;
}

if (options.hasOwnProperty('setSelect')) {
setSelect(options.setSelect);
    Selection.done();
    delete(options.setSelect);
}

Shade.refresh();

if (options.bgColor != bgcolor) {
colorChangeMacro(
    options.shade? Shade.getShades(): $div,
    options.shade?
    (options.shadeColor || options.bgColor):
    options.bgColor
);
bgcolor = options.bgColor;
}

if (bgopacity != options.bgOpacity) {
bgopacity = options.bgOpacity;
    if (options.shade) Shade.refresh();
    else Selection.setBgOpacity(bgopacity);
}

xlimit = options.maxSize[0] || 0;
ylimit = options.maxSize[1] || 0;
xmin = options.minSize[0] || 0;
ymin = options.minSize[1] || 0;

if (options.hasOwnProperty('outerImage')) {
$img.attr('src', options.outerImage);
    delete(options.outerImage);
}

Selection.refresh();
}
//}}}
        //}}}

        if (Touch.support) $trk.bind('touchstart.jcrop', Touch.newSelection);

        $hdl_holder.hide();
        interfaceUpdate(true);

        var api = {
            setImage: setImage,
            animateTo: animateTo,
            setSelect: setSelect,
            setOptions: setOptionsNew,
            tellSelect: tellSelect,
            tellScaled: tellScaled,
            setClass: setClass,

            disable: disableCrop,
            enable: enableCrop,
            cancel: cancelCrop,
            release: Selection.release,
            destroy: destroy,

            focus: KeyManager.watchKeys,

            getBounds: function () {
                return [boundx * xscale, boundy * yscale];
            },
            getWidgetSize: function () {
                return [boundx, boundy];
            },
            getScaleFactor: function () {
                return [xscale, yscale];
            },
            getOptions: function() {
                // careful: internal values are returned
return options;
},

ui: {
    holder: $div,
    selection: $sel
}
};

if (is_msie) $div.bind('selectstart', function () { return false; });

$origimg.data('Jcrop', api);
return api;
};
$.fn.Jcrop = function (options, callback) //{{{
    {
        var api;
        // Iterate over each object, attach Jcrop
this.each(function () {
// If we've already attached to this object
if ($(this).data('Jcrop')) {
    // The API can be requested this way (undocumented)
    if (options === 'api') return $(this).data('Jcrop');
    // Otherwise, we just reset the options...
    else $(this).data('Jcrop').setOptions(options);
}
// If we haven't been attached, preload and attach
else {
if (this.tagName == 'IMG')
    $.Jcrop.Loader(this,function(){
    $(this).css({display:'block',visibility:'hidden'});
        api = $.Jcrop(this, options);
        if ($.isFunction(callback)) callback.call(api);
    });
else {
$(this).css({display:'block',visibility:'hidden'});
api = $.Jcrop(this, options);
if ($.isFunction(callback)) callback.call(api);
}
}
});

// Return "this" so the object is chainable (jQuery-style)
return this;
};
//}}}
    // $.Jcrop.Loader - basic image loader {{{

$.Jcrop.Loader = function(imgobj,success,error){
var $img = $(imgobj), img = $img[0];

function completeCheck(){
    if (img.complete) {
    $img.unbind('.jcloader');
        if ($.isFunction(success)) success.call(img);
}
else window.setTimeout(completeCheck,50);
}

$img
.bind('load.jcloader',completeCheck)
.bind('error.jcloader',function(e){
    $img.unbind('.jcloader');
        if ($.isFunction(error)) error.call(img);
});

if (img.complete && $.isFunction(success)){
$img.unbind('.jcloader');
    success.call(img);
}
};

//}}}
    // Global Defaults {{{
$.Jcrop.defaults = {

// Basic Settings
allowSelect: false,
allowMove: true,
allowResize: true,

trackDocument: true,

// Styling Options
baseClass: 'jcrop',
addClass: null,
bgColor: '#fff',
bgOpacity: 0.6,
bgFade: false,
borderOpacity: 0.4,
handleOpacity: 0.5,
handleSize: null,

aspectRatio: 0,
keySupport: true,
createHandles: ['n','s','e','w','nw','ne','se','sw'],
createDragbars: ['n','s','e','w'],
createBorders: ['n','s','e','w'],
drawBorders: true,
dragEdges: true,
fixedSupport: true,
touchSupport: null,

shade: null,

boxWidth: 0,
boxHeight: 0,
boundary: 2,
fadeTime: 400,
animationDelay: 20,
swingSpeed: 3,

minSelect: [0, 0],
maxSize: [0, 0],
minSize: [0, 0],

// Callbacks / Event Handlers
onChange: function () {},
    onSelect: function () {},
        onDblClick: function () {},
            onRelease: function () {}
};

// }}}
}(jQuery));`